<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>CASE</title>
        <base href="${pageContext.request.contextPath}/" />
        <link href="style/style.css" rel="stylesheet" type="text/css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
        <script src="style/jquery.base64.min.js" type="text/javascript"></script>
        <script src="style/app.js" type="text/javascript"></script>
        <script type="text/javascript">
            var base = '${pageContext.request.contextPath}';
        </script>
    </head>
    <body>
        <h1 class="title">CAr Search Engine</h1>
        <div class="menu">
            <ul>
                <li class="active"><a href="javascript:;" id="do-query">Query</a></li>
                <li><a href="javascript:;" id="do-filter">Filter</a></li>
            </ul>
        </div>
        <div class="content">
            <form id="do-query-search">
                <label>Search a car</label>
                <input type="text" name="query-text" id="query-text" />
            </form>
            <form id="do-filter-search">
                <label class="line">Select filters to find your car</label>
                <label>
                    Brand:
                    <select name="brand" id="do-filter-search-brand">
                        <option value="">[ Any ]</option>
                        <option value="acura">Acura</option>
                        <option value="aixam">Aixam</option>
                        <option value="alfa">Alfa Romeo</option>
                        <option value="aro">Aro</option>
                        <option value="aston">Aston Martin</option>
                        <option value="audi">Audi</option>
                        <option value="bentley">Bentley</option>
                        <option value="bmw">BMW</option>
                        <option value="buick">Buick</option>
                        <option value="cadillac">Cadillac</option>
                        <option value="chevrolet">Chevrolet</option>
                        <option value="chrysler">Chrysler</option>
                        <option value="citroen">Citroen</option>
                        <option value="comarth">Comarth</option>
                        <option value="dacia">Dacia</option>
                        <option value="daewoo">Daewoo</option>
                        <option value="daihatsu">Daihatsu</option>
                        <option value="dodge">Dodge</option>
                        <option value="ferrari">Ferrari</option>
                        <option value="fiat">Fiat</option>
                        <option value="ford">Ford</option>
                        <option value="gaz">Gaz</option>
                        <option value="geely">Geely</option>
                        <option value="gmc">GMC</option>
                        <option value="gwm">GWM</option>
                        <option value="honda">Honda</option>
                        <option value="hummer">Hummer</option>
                        <option value="hyundai">Hyundai</option>
                        <option value="infiniti">Infiniti</option>
                        <option value="inny">Inny</option>               
                        <option value="isuzu">Isuzu</option>
                        <option value="iveco">Iveco</option>
                        <option value="jaguar">Jaguar</option>
                        <option value="jeep">Jeep</option>
                        <option value="kia">Kia</option>
                        <option value="lada">Lada</option>
                        <option value="lamborghini">Lamborghini</option>
                        <option value="lancia">Lancia</option>
                        <option value="land rover">Land Rover</option>
                        <option value="lexus">Lexus</option>
                        <option value="lincoln">Lincoln</option>
                        <option value="lti">LTI</option>
                        <option value="luaz">LuAZ</option>
                        <option value="maserati">Maserati</option>
                        <option value="maybach">Maybach</option>
                        <option value="mazda">Mazda</option>
                        <option value="mclaren">McLaren</option>
                        <option value="mercedes">Mercedes-Benz</option>
                        <option value="mg">MG</option>
                        <option value="mini">Mini</option>
                        <option value="mitsubishi">Mitsubishi</option>
                        <option value="moskwicz">Moskwicz</option>
                        <option value="nissan">Nissan</option>
                        <option value="opel">Opel</option>
                        <option value="peugeot">Peugeot</option>
                        <option value="pontiac">Pontiac</option>
                        <option value="porsche">Porsche</option>
                        <option value="renault">Renault</option>
                        <option value="rolls">Rolls-Royce</option>
                        <option value="rover">Rover</option>
                        <option value="saab">Saab</option>
                        <option value="seat">Seat</option>
                        <option value="shuanghuan">Shuanghuan</option>
                        <option value="smart">Smart</option>
                        <option value="ssangyong">SsangYong</option>
                        <option value="subaru">Subaru</option>
                        <option value="suzuki">Suzuki</option>
                        <option value="skoda">Skoda</option>
                        <option value="tata">Tata</option>
                        <option value="toyota">Toyota</option>
                        <option value="triumph">Triumph</option>
                        <option value="vauxhall">Vauxhall</option>
                        <option value="volkswagen">Volkswagen</option>
                        <option value="volvo">Volvo</option>
                    </select>
                </label>
                <label>
                    County:
                    <select name="county" id="do-filter-search-county">
                        <option value="">[ Any ]</option>
                        <option value="Alba">Alba</option>
                        <option value="Arad">Arad</option>
                        <option value="Arges">Arges</option>
                        <option value="Bacau">Bacau</option>
                        <option value="Bihor">Bihor</option>
                        <option value="Bistrita-Nasaud">Bistrita-Nasaud</option>
                        <option value="Botosani">Botosani</option>
                        <option value="Braila">Braila</option>
                        <option value="Brasov">Brasov</option>
                        <option value="Bucuresti">Bucuresti</option>
                        <option value="Buzau">Buzau</option>
                        <option value="Calarasi">Calarasi</option>
                        <option value="Caras Severin">Caras Severin</option>
                        <option value="Cluj">Cluj</option>
                        <option value="Constanta">Constanta</option>
                        <option value="Covasna">Covasna</option>
                        <option value="Dambovita">Dambovita</option>
                        <option value="Dolj">Dolj</option>
                        <option value="Galati">Galati</option>
                        <option value="Giurgiu">Giurgiu</option>
                        <option value="Gorj">Gorj</option>
                        <option value="Harghita">Harghita</option>
                        <option value="Hunedoara">Hunedoara</option>
                        <option value="Ialomita">Ialomita</option>
                        <option value="Iasi">Iasi</option>
                        <option value="Ilfov">Ilfov</option>
                        <option value="Maramures">Maramures</option>
                        <option value="Mehedinti">Mehedinti</option>
                        <option value="Mures">Mures</option>
                        <option value="Neamt">Neamt</option>
                        <option value="Olt">Olt</option>
                        <option value="Prahova">Prahova</option>
                        <option value="Salaj">Salaj</option>
                        <option value="Satu Mare">Satu Mare</option>
                        <option value="Sibiu">Sibiu</option>
                        <option value="Suceava">Suceava</option>
                        <option value="Teleorman">Teleorman</option>
                        <option value="Timis">Timis</option>
                        <option value="Tulcea">Tulcea</option>
                        <option value="Valcea">Vâlcea</option>
                        <option value="Vaslui">Vaslui</option>
                        <option value="Vrancea">Vrancea</option>
                    </select>
                </label>
                <label>
                    Type:
                    <select name="tip" id="do-filter-search-tip">
                        <option value="">[ Any ]</option>
                        <option value="noua">New</option>
                        <option value="second">Second Hand</option>
                    </select>
                </label>
                <label>
                    Year:
                    <select name="an" id="do-filter-search-an">
                        <option value="">[ Any ]</option>
                        <c:forEach var="num" begin="1990" end="2012" step="1">
                            <option value="${num}">${num}</option>
                        </c:forEach>
                    </select>
                </label>
                <label>
                    Technical condition:
                    <select name="stare" id="do-filter-search-stare">
                        <option value="">[ Any ]</option>
                        <option value="neavariat">Neavariat</option>
                        <option value="avariat">Avariat</option>
                        <option value="nou">Nou, Nefolosit</option>
                        <option value="inmatriculata">Inmatriculata</option>
                        <option value="inmatriculabila">Inmatriculabila</option>
                        <option value="leasing">Leasing</option>
                    </select>
                </label>
                <label>
                    Color:
                    <select name="culoare" id="do-filter-search-culoare">
                        <option value="">[ Any ]</option>
                        <option value="Alb">Alb</option>
                        <option value="Gri">Gri</option>
                        <option value="Albastru">Albastru</option>
                        <option value="Argintiu">Argintiu</option>
                        <option value="Negru">Negru</option>
                        <option value="Visiniu">Visiniu</option>
                        <option value="Maro">Maro</option>
                        <option value="Verde">Verde</option>
                        <option value="Rosu">Rosu</option>
                        <option value="Albastru Marin">Albastru Marin</option>
                        <option value="Bej">Bej</option>
                        <option value="Galben">Galben</option>
                        <option value="Auriu">Auriu</option>
                        <option value="Portocaliu">Portocaliu</option>
                        <option value="Grafit">Grafit</option>
                        <option value="Violet">Violet</option>
                        <option value="Roz">Roz</option>
                        <option value="Rosu Inchis">Rosu Inchis</option>
                        <option value="Portocaliu">Portocaliu</option>
                        <option value="Violet">Violet</option>
                    </select>
                </label>
                <label>
                    No. of doors:
                    <select name="usi" id="do-filter-search-usi">
                        <option value="">[ Any ]</option>
                        <option value="una">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="peste 5">> 5</option>
                    </select>
                </label>
                <label>
                    Gas:
                    <select name="carburant" id="do-filter-search-carburant">
                        <option value="">[ Any ]</option>
                        <option value="Diesel">Diesel</option>
                        <option value="Benzina">Benzina</option>
                        <option value="Gpl">GPL</option>
                        <option value="Hibrid">Hibrid</option>
                        <option value="Electrica">Electrica</option>
                    </select>
                </label>
                <label>
                    Body:
                    <select name="caroserie" id="do-filter-search-caroserie">
                        <option value="">[ Any ]</option>
                        <option value="Sedan">Sedan (4 usi)</option>
                        <option value="Break">Break</option>
                        <option value="Cabrio">Cabrio</option>
                        <option value="Van">Van/Microbuz</option>
                        <option value="suv">SUV</option>
                        <option value="Coupe">Coupe</option>
                        <option value="Hatchback">Hatchback (3/5 usi)</option>
                        <option value="Monovolum">Monovolum</option>
                        <option value="Off-road">Off-road (4x4)</option>
                        <option value="Pick up">Pick-up</option>
                        <option value="Furgoneta">Furgoneta</option>
                        <option value="Berlina">Berlina</option>
                        <option value="Combi">Combi</option>
                        <option value="Mini">Mini</option>
                        <option value="Utilitara">Utilitara</option>
                        <option value="Sport">Sport</option>
                        <option value="Microbus">Microbus</option>
                        <option value="Roadster">Roadster</option>
                        <option value="Decapotabila">Decapotabila</option>
                        <option value="Rulote">Rulote</option>
                    </select>
                </label>
                <label>
                    Gearbox:
                    <select name="cutie" id="do-filter-search-cutie">
                        <option value="">[ Any ]</option>
                        <option value="Automata">Automata</option>
                        <option value="Manuala">Manuala</option>
                        <option value="Semiautomata">Semiautomata</option>
                    </select>
                </label>
                <input type="button" name="apply" id="do-filter-search-apply" value="Apply" />
                <div class="clear"></div>
            </form>
        </div>
        <div id="result">
            <div class="time"></div>
            <div id="loading">Loading ...</div>
            <div class="output"></div>
            <div class="pages"></div>
        </div>
    </body>
</html>
